Day 03 JavaScript 起步走

第 12 屆 iThome 鐵人賽

DAY 3

自我挑戰組

草頭黃小姐的 30 天 JavaScript 自學小本本系列第 3 篇

12th鐵人賽

Keddie

2020-09-16 00:11:55

819 瀏覽

分享至

嗨！大家今天過得好嗎？再來看看草頭黃小姐的小本本在 Day 03 做了什麼紀錄：）

如果你要寫 JavaScript，你會怎麼開始呢？
我們都知道可以用 CodePen 寫 HTML 和 CSS，那麼 JavaScript 要寫在哪裡呢？

CodePen

JSbin

這兩個線上編輯器，只要在對應的欄位輸入 HTML、CSS 和 JavaScript 即可。

VScode

你可以選擇在 <body></body>裡寫，只要加入<script></script>，在裡面我們就可以開始寫些 JavaScript
也可像寫 CSS 一樣，開一個新的頁面，存成 .js 檔案格式，今天我把它命名為 demo，然後在<body></body> 內連出去 demo.js 檔案。

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="demo.js"></script> 
</body>
</html>

請注意<script src="demo.js"></script>
還記得 src 就是連出去某個檔案的意思，我們在可以透過 src ="" ，在裡面包住我們剛建立好的 demo.js 的檔案，，就像學寫 CSS 一樣，分開成不同的檔案再連回去，未來要修正或調整 code 的時候，對開發者來說比較好找和好維護。

今天我們先知道要把 Javascript 寫在哪裡，明天我們就來認識一些語法，寫些東西來玩玩吧！